* { margin: 0; padding: 0; text-decoration: none; font-style: normal }
html,
body { color: #444; line-height: 2em; font-family: Arial, "Microsoft YaHei", Helvetica, sans-serif; font-size: 0.9em; height: 100%; background-color: #f3f3f3; }
h1,h2,h3,h4,h5,h6 {  font-weight: 400; margin:0; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.4em;}
h3 {  font-size: 1.2em;}
h4 {  font-size: 1.1em;}
h5 {  font-size: 1em;}
h6 {  font-size: 1em;}

hr {border-top: 1px solid rgba(0,0,0,.2);}

dl { margin:0; }
em { font-style: normal }

a { color: #444; outline: none; text-decoration: none; -webkit-transition:all .3s ease;}
a:hover { color: #c3002f; text-decoration: none; }
a:active,a:focus,a img { outline: none; border: 0; text-decoration: none }

/*a img,
a div,
a h2,
a h3 { transition: all 0.3s ease-out 0s; }*/

::-moz-selection {  color: #ffffff;  background: #1f2a66;  text-shadow: none;}
::selection {  color: #ffffff;  background: #1f2a66;  text-shadow: none;}

ul,ol,li { margin: 0; padding: 0; list-style: none }

/*table { width: 100%; border-collapse: collapse; border-spacing:0; color: #111; border-right:#666 1px solid; border-top: #666 1px solid; text-align: center }
table th { padding: 10px; border-left:#666 1px solid; border-bottom: #666 1px solid; background-color:#ccc; }
table td { padding: 10px; border-left:#666 1px solid; border-bottom: #666 1px solid }
table tr:nth-child(even) { background-color:#fff }
table tr:nth-child(odd) { background-color:#e3e3e3 }
*/
.mio-navm,
.mio-close,
.mio-mobile-fbar,
ul.mio-cnc-tab,
.none { display: none }

.mio-header { background-color: #292c30; color: #aaa; position: fixed; z-index: 99; }
.mio-header a.navbar-brand { width: 169px; min-height: 60px; background: url(logo.png) no-repeat left center; text-indent: -999999px; overflow: hidden; display: block; background-size: 60% }

.mio-footer { background-color: #232629; padding: 30px 0; color: #aaa; }
.mio-footer h2 { color: #fff; }
.mio-footer .mio-ewm { width: 140px; margin: 0 auto; text-align: center }
.mio-footer img { width: 100%; display: block; margin-bottom: 10px; }
.mio-footer .mio-line { height: 1px; background-color: #34363a; margin: 20px 0; overflow: hidden }
.mio-footer .mio-line span { width: 40px; height: 1px; background-color: #fff; display: block; }
.mio-footer p { margin: 0 0 10px 0; }
.mio-footer p.p1 { color: #fff; font-size: 1.15em; line-height: 2.2em; margin-top: 20px; }
.mio-footer p.p1 em { display: inline-block; width: 80px; }
.mio-footer p.p1 strong { font-size: 1.6em; }
.mio-footer p.p1 strong a { color: #fc0; }
.mio-footer a { color: #aaa; }
.mio-footer a:hover { color: #fff; }
.mio-footer p span.iconfont { width: 20px; height: 20px; line-height: 20px; background-color: #c3002f; color: #fff; border-radius: 50%; display: inline-block; margin-right: 6px; font-size: 0.8em; text-align: center }


.mio-copyright { padding: 15px 0; color: #888; border-top: #34363a 1px solid; margin-top: 30px; }
.mio-copyright a { color: #888; }
.mio-copyright a:hover { color: #fff; }
.mio-copyright .tr span { padding: 0 5px; }


ul.mio-ftags {}
ul.mio-ftags li { float: left; margin-bottom: 2%; }
ul.mio-ftags li a { background-color: #292c30; display: block; height: 30px; line-height: 30px; border-radius: 2px; color: #aaa; padding: 0 10px 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
ul.mio-ftags li a:hover { background-color: #c3002f; color: #fff; }
ul.mio-ftags li a span { float: right; font-size: 0.85em; margin-left: 10px; }


.mio-flinks { background-color: #202326; padding: 20px 0; color: #60676d; }
.mio-flinks li { float: left; margin: 0 0 5px 0; }
.mio-flinks li span { padding: 0 10px; }
.mio-flinks a { color: #60676d }
.mio-flinks a:hover { color: #fff }


div.mio-vmore { width: 180px; height: 46px; color: #fff; display: block; padding: 0 35px; line-height: 46px; background:#c3002f url(right2.png) no-repeat 110px center }

.mio-avmore a { width: 180px; height: 46px; color: #fff; display: block; padding: 0 35px; line-height: 46px; background:#c3002f url(right2.png) no-repeat 110px center }
.mio-avmore a:hover { background-color: #920023; }

.mio-section { padding: 0; }
.mio-section img { display: block; width: 100%; }
.mio-section .mio-t { text-align: center; padding: 15px 25px 15px 25px; }
.mio-section .mio-t h2 { color: #222; font-size: 1.8em; font-weight: bold; margin: 10px 0 0 0 }
.mio-section .mio-t h2 strong { color: #c3002f; }
.mio-section .mio-t h4 {  font-size: 1.25em; display: block; text-transform: uppercase; color: #999; }
.mio-section .mio-t h3 { font-size: 1.1em; line-height: 1.6em }
.mio-section .mio-t .mio-line { width: 50px; height: 3px; background-color: #333; margin: 25px auto }
.mio-section .mio-section-container { padding: 15px 0; background-color:#32353a; }




/* 首页 BANNER */
.mio-banner { overflow: hidden }
.mio-banner .swiper-container { height: 100%; width: 100%; }
.mio-banner .swiper-wrapper { height: 100%; width: 100%; }
.mio-banner .swiper-slide { height: 100%; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.mio-banner .swiper-slide1 { background-color: #222 }
.mio-banner .swiper-slide2 { background-color: #333 }
.mio-banner .swiper-slide3 { background-color: #444 }

.mio-banner .swiper-pagination-bullet { background: #fff; width: 60px; height: 4px; border-radius: 4px }
.mio-banner .swiper-pagination-bullet-active { background: #fc0 }

.mio-banner .mio-sld { padding-top: 180px }
.mio-banner .mio-sld h3 { background: rgba(195,0,47,.9); width: 240px; height: 50px; color: #fff; text-align: center; line-height: 50px; text-transform: capitalize }
.mio-banner .mio-sld .mio-txt { padding: 50px; background: rgba(0,0,0,.8); margin-left: 40px; font-size: 1.2em; color: #fff; width: 470px }


/* 首页 国标联轴器 */
ul.mio-guobiao { margin-bottom: 30px; }
ul.mio-guobiao li { float: left }
ul.mio-guobiao li a { display: block; padding: 15px; background-color: rgba(0,0,0,.3); color: #fff; }
ul.mio-guobiao li a h3 { padding: 15px 0; text-align: center; font-weight: bold; }
ul.mio-guobiao li img { border-radius: 50%; width: 80%; margin: 0 auto }
ul.mio-guobiao li a:hover { background-color: #c3002f; }


/* 首页 联轴器 机床 */
.mio-ihome-pro a { display: block; background-color: #eee; background-image: linear-gradient(#f3f3f3, #ddd); margin-bottom: 30px; box-shadow: 0 5px 15px rgba(0,0,0,.1) }
.mio-ihome-pro .mio-txt { padding: 25px; }
.mio-ihome-pro h3 { color: #222; font-size: 2em; font-weight: bold }
.mio-ihome-pro .mio-intro { margin: 20px 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; height: 75px; color: #555 }
.mio-ihome-pro .mio-line { height: 5px; width: 0; background-color: #c3002f; }
.mio-ihome-pro a:hover .mio-line { width: 100%; transition: all 0.3s ease-out 0s; }
.mio-ihome-pro a:hover h3 { color: #c3002f; }
.mio-ihome-pro h4 { color: #c3002f; margin-top: 20px; font-size: 1.15em; line-height: 1.5em }
.mio-ihome-pro a:hover { background: none #fff; }



/*首页 案例展示*/
.mio-coupling-cases .mio-avmore a { margin: 30px auto }





/*首页 新闻动态*/
.mio-news .mio-section-container { background-color: #fff; border-top: #ddd 1px solid; border-bottom: #ccc 1px solid }
.mio-news .mio-nc { border-left: #ddd 1px solid; padding-left: 30px; }
.mio-news .mio-inews { margin-bottom: 30px; }
.mio-news .mio-inews .mio-img { height: 300px; overflow: hidden }
.mio-news .mio-inews .mio-img img { min-height: 100%; min-width: 100% }
.mio-news .mio-inews .mio-c { padding: 15px 0 0 0 }
.mio-news .mio-inews .mio-c h3 { font-size: 1.6em; margin-bottom: 10px; }
.mio-news .mio-inews .mio-c .mio-intro { color: #777; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; line-clamp: 7; -webkit-box-orient: vertical; height: 145px; line-height: 1.6em }
.mio-news .mio-inews .mio-c .mio-pdate { color: #777; margin-top: 5px; }

.mio-news .mio-tnews { border-bottom: #ddd 1px solid; padding-bottom: 20px; margin-bottom: 20px; }
.mio-news .mio-tnews .mio-pdate { color: #999; font-family: Arial, Helvetica, sans-serif }
.mio-news .mio-tnews h3 { font-size: 1.6em; margin: 5px 0 15px 0; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-news .mio-tnews .mio-intro { color: #777; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height: 50px; }

.mio-news .mio-ilist a { display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-news .mio-ilist a span { font-size: 0.7em; margin-right: 4px; float: left }
.mio-news .mio-ilist span.date { float: right; color: #999; }
/*.mio-news .mio-ilist li { height: 34px; line-height: 34px; overflow: hidden; }
.mio-news .mio-ilist li span.mio-pdate { float: right; color: #999; font-family: Arial, Helvetica, sans-serif; margin-left: 15px; }
.mio-news .mio-ilist li span.iconfont { margin-right: 8px; font-size: 0.9em }
*/

/*首页 公司简介*/
.mio-about { background-color: #ddd; }






/*内页 文章详情页*/
.mio-article { font-size: 1.2em; line-height: 1.8em; }
.mio-article p { margin: 20px 0; }
.mio-article img { display: block; margin: 20px auto; }
.mio-article li p { text-indent: 0; margin: 0; }
.mio-article table p { text-indent: 0 }
.mio-article ol,
.mio-article ul { margin: 20px 0 20px 2em }
.mio-article ol li { list-style: decimal-leading-zero }
.mio-article ul li { list-style: disc }
.mio-article a { text-decoration: underline;}
.mio-article a:hover { color: #c3002f; }

.mio-news-article img { max-width: 640px; }


/*内页 文章列表*/
.mio-alist {}
.mio-alist li a { padding: 30px; display: block; background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.1); margin-bottom: 30px; }
.mio-alist li h2 { font-size: 2em; font-weight: bold; margin: 10px 0 20px 0; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-alist li .mio-pdate { color: #c3002f; }
.mio-alist li .mio-intro { color: #777; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; height: 75px; margin: 15px 0; }


/* 分页 */
.list_page{text-align:center;margin: 30px auto 0;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block; margin-left: 1px }
.list_page ul a{background-color:#ccc;padding:8px 12px;line-height:18px;display:block; }
.list_page ul a:hover { background-color: #aaa; color: #fff }
.page_group ul{}
.page_group ul li{ float:left; }
.page_group ul li:not(:first-child):not(:last-child){ }
.page_group ul li:first-child{}
.page_group ul li:last-child{}
.page_group ul .active a{ background-color:#c3002f; color: #fff }



.mio-links { color: #999; margin-top: 30px; }
.mio-links a { color: #999; text-decoration: underline }


/* 上下页 */
.mio-prev-next { margin: 30px auto; text-align: center; padding-top: 30px; border-top: #ddd 1px solid }
.mio-prev-next a { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; background-color:#aaa; color: #fff; margin: 0 5px; }
.mio-prev-next a span { font-size: 1.8em }
.mio-prev-next a:hover { background-color:#920023; color: #fff }
.mio-prev-next .mio-anone,
.mio-prev-next .mio-anone:hover { color: #aaa; background-color:#eee }


/* 标签云 */
.mio-tagscloud { margin-top: 30px; }
.mio-tagscloud dt,
.mio-tagscloud dd { display: inline; margin-right: 6px; }
.mio-tagscloud dd a { color: #232629; text-decoration: underline; font-weight: bold; }
.mio-tagscloud dd a:hover { color: #c3002f }

/* 标签 列表页 */
.mio-tagclouds {}
.mio-tagclouds a { display: block; background-color:#fff; border-radius: 4px; padding: 10px 15px; margin-bottom: 15px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,.1) }
.mio-tagclouds a:hover { background-color: #c3002f; color: #fff }



/* 下载 */
.mio-dlist {}
.mio-dlist li { height: 100px; line-height: 100px; overflow: hidden; border-bottom:#ddd 1px dashed; font-size: 1.2em }
.mio-dlist .mio-dico { width: 150px; height: 100px; text-align: center; float: right }
.mio-dlist .mio-ico { width: 100px; height: 100px; text-align: center; float: left }
.mio-dlist h3 { font-size: 1em; line-height: 100px; margin: 0; padding: 0; }
.mio-dlist .mio-dico span.iconfont { font-size: 1.2em; margin-right: 8px; }
.mio-dlist .mio-ico span.iconfont { font-size: 1.8em; color: #c3002f }
.mio-dlist li:hover { background-color: #fff }


/*服务领域*/
.mio-slist {}
.mio-slist a { display: block; margin-bottom: 30px; background-color: #fff; padding: 25px; box-shadow: 0 5px 15px rgba(0,0,0,.1); }
.mio-slist h3 { text-align: center; padding-top: 25px; }


.mio-main { padding-top: 50px; padding-bottom: 50px; }

.mio-page-wrapper { background-color: #fff; padding: 50px; box-shadow: 0 5px 15px rgba(0,0,0,.1); }
.mio-page-wrapper .mio-h1t { font-size: 2.5em; font-weight: bold; color: #111; }
.mio-page-wrapper .mio-pline { width: 50px; height: 5px; background-color: #111; margin: 25px 0; }



.mio-pbanner1 { background-image: url(pb/about.jpg) }
.mio-pbanner27 { background-image: url(pb/contact.jpg) }
.mio-pbanner23 { background-image: url(pb/news.jpg) }
.mio-pbanner2 { background-image: url(pb/jishu.jpg) }
.mio-pbanner3,.mio-pbanner-search { background-image: url(pb/service.jpg) }
.mio-pbanner49,
.mio-pbanner57 { background-image: url(pb/cnc.jpg) }
.mio-pbanner14 { background-image: url(pb/coupling.jpg) }
.mio-pbanner15,.mio-pbanner40 { background-image: url(pb/mopian.jpg) }
.mio-pbanner20,.mio-pbanner41 { background-image: url(pb/juantong.jpg) }
.mio-pbanner22,.mio-pbanner28 { background-image: url(pb/wxz.jpg) }
.mio-pbanner29 { background-image: url(pb/meihua.jpg) }
.mio-pbanner34 { background-image: url(pb/luntai.jpg) }
.mio-pbanner17,.mio-pbanner39,.mio-pbanner48 { background-image: url(pb/gxc.jpg) }
.mio-pbanner30,.mio-pbanner31,.mio-pbanner32 { background-image: url(pb/zhuxiao.jpg) }
.mio-pbanner37,.mio-pbanner33 { background-image: url(pb/37.jpg) }
.mio-pbanner38 { background-image: url(pb/38.jpg) }
.mio-pbanner35 { background-image: url(pb/35.jpg) }
.mio-pbanner36 { background-image: url(pb/36.jpg) }
.mio-pbanner55 { background-image: url(pb/service.jpg) }
.mio-pbanner12,
.mio-pbanner46,
.mio-pbanner56 { background-image: url(pb/wxcdz.jpg) }
.mio-pbanner60 { background-image: url(pb/mopian.jpg) }
.mio-pbanner59 { background-image: url(pb/37.jpg) }
.mio-pbanner64 { background-image: url(pb/mopian.jpg) }
.mio-pbanner24 { background-image: url(pb/xx.jpg) }

/*内页 数控机床 =============================================================================================== START */
.mio-pro-cnc { }
.mio-pro-cnc a { display: block; background-color: #fff; border: #fff 5px solid; box-shadow: 0 5px 15px rgba(0,0,0,.1); padding: 25px; margin-bottom: 30px; }
.mio-pro-cnc a:hover { border: #c3002f 5px solid; box-shadow: 0 5px 15px rgba(0,0,0,.3); }
.mio-pro-cnc .mio-txt h2 { font-size: 2em;  font-weight: bold; color: #111; }
.mio-pro-cnc .mio-txt h3 { color: #c3002f; margin-top: 15px; line-height: 1.6em }
.mio-pro-cnc .mio-txt .mio-intro { color: #777; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; height: 125px; margin: 15px 0; }


.mio-cnc-article a { color: #eee }

/*DMC*/
.mio-dmc li { background-color: #292c30; color: #eee; }
.mio-dmc .mio-txt { padding: 25px; }
.mio-dmc h3 { color: #fc0; line-height: 1.6em; margin-bottom: 15px; }

/*BM*/
.mio-bm li { background-color: #292c30; color: #eee; }
.mio-bm .mio-txt { padding: 25px; }

/*KMC2*/
.mio-kmc2 { background-color:#292c30; color: #eee; }
.mio-kmc2 li .mio-txt { padding: 25px; }

/*KMC3*/
.mio-kmc3 li { background-color: #292c30; color: #eee; }
.mio-kmc3 .mio-txt { padding: 25px; }


/*参数*/
.mio-cnc-table { padding: 50px 0; background-color: #ddd }
.mio-cnc-table h2 { text-align: center; font-size: 2em; margin-bottom: 30px; color: #222; font-weight: bold }
.mio-cnc-table th { text-align: center }

/*工件*/
.mio-cnc-gongjian { padding: 50px 0; background-color: #292c30 }
.mio-cnc-gongjian h2 { text-align: center; font-size: 2em; margin-bottom: 30px; color: #fff; font-weight: bold }
.mio-cnc-ca {}
.mio-cnc-ca li { width: 25%; float: left; border-right: #292c30 1px solid; border-bottom: #292c30 1px solid }

.mio-cnc-youshi { padding: 50px 0; }
.mio-cnc-youshi h2 { text-align: center; font-size: 2em; margin-bottom: 30px; color: #333; font-weight: bold }


/*视频*/
.mio-cnc-video { padding: 50px 0; background-color: #363a3f }
.mio-cnc-video h2 { text-align: center; font-size: 2em; margin-bottom: 30px; color: #fff; font-weight: bold; }

.mio-video-list a { display: block; width: 100%; height: 164px; position: relative; z-index: 1; margin-bottom: 30px }
.mio-video-list a .mio-img { width: 100%; height: 164px; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; }
.mio-video-list a .mio-img img { height: 100%; }
.mio-video-list a .mio-vbg { width: 100%; height: 164px; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0,0,0,.25); text-align: center; line-height: 164px; color: #fff; }
.mio-video-list a .mio-vbg span { font-size: 4em }
.mio-video-list a:hover .mio-vbg { background: rgba(0,0,0,.65); }

.mio-video-list2 a { height: 300px; }
.mio-video-list2 a .mio-img { height: 300px; }
.mio-video-list2 a .mio-img img { height: 100%; }
.mio-video-list2 a .mio-vbg { height: 300px; line-height: 300px; }

/*案例*/
.mio-cnc-calist {}
.mio-cnc-calist img { display: block; margin-bottom: 30px; }

/*视频*/
.mio-section-video { background-color:#fff; padding: 40px 0 }
.mio-section-video:nth-child(odd) { background-color: #eee; }
.mio-section-video h2 { font-size: 2em; font-weight: bold; color: #222; margin: 0 0 40px 0; border-left: #222 5px solid; padding-left: 15px }

.mio-page-video { text-align: center }
.mio-page-video video { width: 100%; }

/*内页 数控机床 =============================================================================================== END */




.mio-ilist-home { text-transform: capitalize }
.mio-ilist-home div { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; margin-bottom: 10px; }
.mio-ilist-home div a { background: url(ico2.png) no-repeat left center; padding-left: 25px; }
.mio-ilist-home div a:hover { background: url(ico.png) no-repeat left center; }
.mio-ilist-home div span { float: right; margin-left: 15px; color: #999; font-size: .9em }
.mio-ilist-home div:nth-child(n + 31) { display:none }












/*内页 联轴器 ALL*/
.mio-pro-all a { display: block; background-color: #fff; border: #fff 5px solid; box-shadow: 0 5px 15px rgba(0,0,0,.1); padding: 25px; margin-bottom: 30px; }
.mio-pro-all a:hover { box-shadow: 0 5px 15px rgba(0,0,0,.5); border: #c3002f 5px solid }
.mio-pro-all .mio-img {}
.mio-pro-all .mio-txt { padding: 30px 0 0 0; }
.mio-pro-all .mio-txt h2 { font-size: 2em; margin-bottom: 15px; font-weight: bold }
.mio-pro-all .mio-txt .mio-intro { color: #777; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; height: 75px; margin-bottom: 15px; }
.mio-pro-all .mio-txt .mio-intro p {}
.mio-pro-all .mio-txt .mio-intro p:nth-child(2) { display: none }

.mio-prodesc { margin-bottom: 25px; padding-bottom: 20px; border-bottom: #ddd 1px solid; font-size: 1.2em }
.mio-prodesc p { margin: 15px 0 0 0; }
.mio-prodesc p:nth-child(1) { margin: 0 0 0 0; }


/*联轴器列表*/
.mio-plist {}
.mio-plist a { display: block; background-color: #fff; border: #fff 2px solid; box-shadow: 0 5px 15px rgba(0,0,0,.1); padding: 15px; margin-bottom: 30px; }
.mio-plist a:hover { box-shadow: 0 5px 15px rgba(0,0,0,.5); border: #c3002f 2px solid }
.mio-plist a h2 { font-weight: bold; font-size: 1.4em; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-plist a .mio-intro { color: #777; margin: 10px 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; height: 75px; }
.mio-plist a .mio-smore { display: block; background-color: #c3002f; color: #fff; border-radius: 2px; width: 140px; height: 30px; line-height: 30px; text-align: center; }
.mio-plist a .mio-smore span { font-size: 0.9em; margin-left: 10px; }


/*内页 非标定制 TIPS*/
.mio-adingz { background: url(pabg.JPG) no-repeat center; background-size: cover; letter-spacing: 1px; }
.mio-adingz .mio-adz { padding: 140px 0; text-align: center; background: rgba(0,0,0,.7); color: #fff; text-align: center; font-size: 1.4em }
.mio-adingz .mio-adz strong { font-size: 1.2em; margin: 0 5px; color: #f90 }
.mio-adingz .mio-adz b { font-size: 1.6em; color: #fc0 }
.mio-adingz .mio-adz .p2 { margin: 25px 0 35px 0 }



.mio-related-pro-a { background-color: #fff; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,.1); }
.mio-related-pro-a h2 { font-weight: bold; margin-bottom: 20px; color: #222; border-left: #333 4px solid; padding-left: 10px; }
.mio-related-pro-a .mio-pdate { float: right; color: #999; }
.mio-related-pro-a a { font-weight: bold }
.mio-related-pro-a .row .col-md-6 { display: none }
.mio-related-pro-a .row .col-md-6:nth-child(-n+20) { display: block }


/* 产品单页 */
.mio-pro-single-page .row { margin-bottom: 30px; }
.mio-pro-single-page h2 { font-size: 1.6em; font-weight: bold; margin: 30px 0; color: #222; border-left: #222 4px solid; padding-left: 15px; }
.mio-pro-single-page h2 a { color: #222; text-decoration: none; }

p.mio-tips { font-size: 1.5em; line-height: 1.5em; color: #c3002f; font-family: "华文楷体";  }


/* 联轴器案例 列表+详情页 */
.mio-calist {}
.mio-calist a { display: block; margin-bottom: 30px; box-shadow: 0 5px 15px rgba(0,0,0,.1); background-color: #fff; padding: 15px; border: #fff 2px solid }
.mio-calist a:hover { box-shadow: 0 5px 15px rgba(0,0,0,.5); border: #c3002f 2px solid }
.mio-calist a .mio-img { height: 198px; overflow: hidden; margin-bottom: 15px; }
.mio-calist a .mio-img img { min-height: 100%; }
.mio-calist a h3 { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; text-align: center }


.mio-cases-article img { width: 100%; }



.mio-position { height: 60px; line-height: 60px; background-color: #232629; overflow: hidden; color: #aaa; }
.mio-position a { color: #aaa; }
.mio-position a:hover { color: #fff; }


/*内页 联系方式*/
.mio-main-contact { padding: 50px 0; background-color: #fff }
.mio-main-contact .mio-a27 h2 { margin: 0; font-weight: bold; font-size: 1.8em; color: #111; }
.mio-main-contact .mio-a27 ul { margin: 0; }
.mio-main-contact .mio-a27 ul li { list-style: none; margin-bottom: 20px; }
.mio-main-contact .mio-a27 ul li em { display: inline-block; width: 90px; }
.mio-main-contact img { height: 460px; }
.mio-main-message { padding: 50px 0; }
.mio-main-message h2 { margin: 0 0 20px 0; font-weight: bold; font-size: 2.2em; color: #111; }
.mio-main-message h6 { font-size: 1.4em; margin: 20px 0 40px 0; }
.mio-main-message .row div { margin-bottom: 30px; }
.mio-main-message .ipts { border: #ddd 1px solid; background-color: #ddd; width: 100%; height: 50px; line-height: 50px; padding: 0 10px; font-size: 1.2em }
.mio-main-message .btns { width: 200px; height: 50px; line-height: 50px; text-align: center; border: 0; cursor: pointer; background-color: #c3002f; color: #fff; margin: 0 auto; display: block; font-size: 1.2em }
.mio-main-message .txts { border: #ddd 1px solid; background-color: #ddd; width: 100%; height: 150px; line-height: 30px; padding: 10px; font-size: 1.2em }
.mio-main-message .ipts:focus,
.mio-main-message .txts:focus { border: #c3002f 1px solid; background-color:#f3f3f3 }


/* 弹窗 微信咨询二维码 */
.mio-weixin-window { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999999999999; background: rgba(0,0,0,.85); display: none }
.mio-weixin-window-wrap { width: 100%; height: 100%; position: relative; }
.mio-weixin-window-box { background-color: #fff; padding: 10px; position: absolute; top: 50%; left: 50%; width: 300px; height: 360px; margin: -180px 0 0 -150px; font-size: 1.4em; text-align: center }
.mio-weixin-window-box img { display: block; width: 100%; margin-bottom: 10px; }


.mio-fbar { font-size: 1.1em; position: fixed; right: 20px; top: 50%; margin-top:-60px }
.mio-fbar a { display: block; width: 60px; height: 60px; color: #fff; padding: 10px; text-align: center; margin-bottom: 5px; background: rgba(0,0,0,.55); color: #fff; line-height:1.5em }
.mio-fbar a span { font-size: 1.5em; display: block }
.mio-fbar a:hover { background-color: #920023; color: #fff; }
.mio-fbar a.mio-a-back { background: rgba(195,0,47,.95); }



.mio-jcanli { background-color: #fff; padding: 30px 30px 0 30px; box-shadow: 0 5px 15px rgba(0,0,0,.1); margin-bottom: 30px; }
.mio-jcanli h2 { border-left: #333 4px solid; padding-left: 10px; font-weight: bold; color: #333; margin-bottom: 30px; }



ul.mio-cnc-text-list { }
ul.mio-cnc-text-list li { margin-bottom: 15px; background: url(dot2.png) no-repeat left 6px; padding-left: 25px; }
ul.mio-cnc-text-list li p { text-indent: 0; }

.mio-atlist img { display: block; margin-bottom: 30px; }

.mio-arintro { background-color: #eef4f6; padding: 25px; font-size: 1.2em }

.mio-related h2 { margin-bottom: 20px; }
.mio-rlist a { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; display: block }


.mio-xzq { background-color: #fff; padding: 50px; }
.mio-xzq p { margin-bottom: 20px; }
.mio-xzq ul li { background: url(dot.png) no-repeat left 6px; padding-left: 20px; margin: 0 0 10px 0; }
.mio-xzq ul.ul1 { padding-right: 50px; }
.mio-xzq p.p1 { background: url(ico.png) no-repeat 15px 15px; font-size: 1.2em; padding: 15px 15px 15px 85px; min-height: 80px; border: #333 1px dashed; color: #f70; margin: 25px 0; }
.mio-xzq p.p2 { font-size: 1.2em; margin-top: 15px; }
.mio-xzq h2 { font-size: 1.5em; font-weight: bold; color: #c3002f; margin-bottom: 20px; border-left: #c3002f 5px solid; padding-left: 15px; }
.mio-xzq table { width: 100%; border-collapse: collapse; border-spacing:0; color: #111; text-align: center; }
.mio-xzq table th { padding: 15px 5px; border-left:#fff 1px solid; border-bottom: #fff 1px solid; background-color:#2e394b; color: #fff; text-align: center }
.mio-xzq table td { padding: 5px 5px; border-left:#fff 1px solid; border-bottom: #fff 1px solid; text-align: center }
.mio-xzq table tr:nth-child(even) { background-color:#ddd }
.mio-xzq table tr:nth-child(odd) { background-color:#ccc }
.mio-xzq td span { margin-right: 10px; }
.mio-xzq .tc { text-align: center }
.mio-xzq .row img { width: auto; max-width: 100%; margin: 10px auto }


@media (min-width:641px) {
	.tr { text-align: right }
	.container { width: 1000px; }
	
	.mio-header { width: 240px; left:0; top:0; bottom: 0; z-index: 99 }
	.mio-header .container { width: 100%; max-width: 100%; padding: 0; }
	.mio-header a.navbar-brand { float: none; height: 140px; width: 240px; background-position: center }
	
	.mio-header .mio-nav { clear:both; }
	.mio-header .mio-nav ul {}
	.mio-header .mio-nav li { }
	.mio-header .mio-nav li a.mio-a1 { display: block; color: #aaa;  padding: 0 30px; line-height: 40px; border-left: #292c30 4px solid; font-size: 1.2em; margin-bottom: 5px; }
	.mio-header .mio-nav li a.mio-a1:hover,
	.mio-header .mio-nav li.hover a.mio-a1 { border-left: #c3002f 4px solid; color: #fff }
	.mio-header .mio-nav li.st a.mio-a1 { background-color:#32353a; border-left: #c3002f 4px solid; color: #fff;  }
	.mio-header .mio-nav li a.mio-a1 span { float: right; font-size: 0.9em }

	.mio-header .mio-nav li .mio-snav { background: #32353a; color: #fff; width: 300px; position: fixed; left: 240px; top: 0; bottom: 0; z-index: 99; width: 0; overflow: hidden; }
	.mio-header .mio-nav li .mio-snav ul { padding: 25px; }
	.mio-header .mio-nav li .mio-snav a.mio-a { display: block; color: #aaa; padding: 0 15px; line-height: 40px; font-size: 1.15em; background-color: #292c30; margin-bottom: 5px; width: 250px; }
	.mio-header .mio-nav li .mio-snav a.mio-a span { float: right; font-size: 0.9em }
	.mio-header .mio-nav li .mio-snav a.mio-a:hover { background-color: #c3002f; color: #fff; }
	.mio-header .mio-nav li .mio-snav li.hover a.mio-a { background-color: #c3002f; color: #fff; }
	
	.mio-header .mio-nav li .mio-snav .mio-sunav ul { padding: 0 0 5px 0 }
	.mio-header .mio-nav li .mio-snav .mio-sunav li { margin-bottom: 1px; }
	.mio-header .mio-nav li .mio-snav .mio-sunav li:nth-last-child(1) { border: 0 }
	.mio-header .mio-nav li .mio-snav .mio-sunav a { border-left: #32353a 3px solid; display: block; display: block; color: #aaa; padding: 0 15px; line-height: 30px; font-size: 1.1em; width: 250px; }
	.mio-header .mio-nav li .mio-snav .mio-sunav a span { float: right; font-size: 0.85em }
	.mio-header .mio-nav li .mio-snav .mio-sunav a:hover { border-left: #c3002f 3px solid; background-color: #3c4046; color: #fff; }
	.mio-header .mio-nav li .mio-snav .mio-sunav li.shover a { border-left: #c3002f 3px solid; color: #fff; background-color: #3c4046; }
	
	.mio-header .mio-nav li:hover .mio-snav { -webkit-transition: width .3s; transition: width .3s; transition-delay: .3s; width: 300px; }

	.mio-header .mio-nav li .mio-snav12 { padding-top: 120px; }
	.mio-header .mio-nav li .mio-snav3 { padding-top: 110px; }
	.mio-header .mio-nav li .mio-snav23 { padding-top: 250px; }
	
	.mio-header .mio-nav li .mio-snav14>ul>li:nth-child(1)>a>span,
	.mio-header .mio-nav li .mio-snav14>ul>li:nth-child(2)>a>span,
	.mio-header .mio-nav li .mio-snav12>ul>li:nth-child(2)>a>span { transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg); }
	
	
	
	

	.mio-fa { text-align: center; width: 240px; position: fixed; left: 0; bottom: 30px; z-index: 100; }
	.mio-fa a { display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #46494e; color: #fff; margin: 0 2px; }
	.mio-fa a span { font-size: 1.6em }
	.mio-fa a:hover { background-color: #c3002f }

	a.mio-atel { text-align: center; width: 240px; position: fixed; left: 0; bottom: 100px; z-index: 100; font-size: 1.6em; color: #fc0; border-top: #32353a 1px solid; border-bottom: #32353a 1px solid; padding: 20px 0; }
	a.mio-atel span { font-size: 1.2em; margin-right: 10px; }
	a.mio-atel strong { font-weight: normal }
	
	.mio-footer-container { padding-left: 240px; }
	
	.mio-flinks-container { padding-left: 240px; }
	
	ul.mio-ftags li { width: 32%; }
	ul.mio-ftags li:nth-child(3n-1) { margin-left: 2%; margin-right: 2% }
	
	.mio-banner { height: 650px; background-color:#aaa; padding-left: 240px; }
	
	.mio-banner .swiper-slide1 { background-image: url(/upfile/banner/7.JPG) }
	.mio-banner .swiper-slide2 { background-image: url(/upfile/banner/3.JPG) }
	.mio-banner .swiper-slide3 { background-image: url(/upfile/banner/4.JPG) }
	.mio-banner .swiper-slide4 { background-image: url(/upfile/banner/5.JPG) }
	.mio-banner .swiper-slide5 { background-image: url(/upfile/banner/6.JPG) }
	.mio-banner .swiper-slide6 { background-image: url(/upfile/banner/1.JPG) }
	
	
	.mio-section { padding: 0 0 0 240px; }
	.mio-section .mio-t { padding: 50px 0 30px 0; }
	.mio-section .mio-t h2 { font-size: 3em; }
	.mio-section .mio-t h4 {  font-size: 2.15em; }
	.mio-section .mio-t h3 { font-size: 1.2em; margin-top: 30px; }
	.mio-section .mio-t .mio-line { width: 50px; height: 5px; }
	.mio-section .mio-section-container { padding: 50px 0 20px 0; }

	
	/* 首页 国标联轴器 */
	ul.mio-guobiao li { width: 20% }
	ul.mio-guobiao li:nth-child(even) a { background-color: rgba(0,0,0,.4); }
	ul.mio-guobiao li:nth-child(even) a:hover { background-color: #c3002f }
	
	
	/*首页 案例展示*/
	.picMarquee-left{ width: 100%; height: 340px; position:relative; overflow: hidden }
	.picMarquee-left .hd { display: none }
	.picMarquee-left .bd { }
	.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
	.picMarquee-left .bd ul li { margin:0 25px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; height: 340px }
	.picMarquee-left .bd ul li a { display: block; height: 340px; color: #fff; background-color: #333; padding: 20px; background-image: linear-gradient(to bottom right, #555, #222); }
	.picMarquee-left .bd ul li a:hover { background:#c3002f; background-image: linear-gradient(to bottom right, #c3002f, #920023); color: #fff  }
	.picMarquee-left .bd ul li .mio-img { width: 400px; height: 267px; display:block; overflow: hidden; }
	.picMarquee-left .bd ul li img { width: 100%; min-height: 267px }
	.picMarquee-left .bd ul li h3 { line-height: 53px; text-align: center; }
	
	
	/*首页 公司简介*/
	.mio-about { padding: 0 0 0 240px; }
	.mio-about .mio-intro { margin: 30px 0; text-indent: 2em }
	.mio-about .mio-overview { width: 50%; float: left; }
	.mio-about .mio-intro p:nth-child(2) { display: none }
	.mio-about .mio-img { width: 50%; float: right; height: 440px; }
	.mio-about .mio-img img { width: 100%; height: 100% }
	.mio-about .mio-ac h3 { font-size: 1.5em;  }
	.mio-about .mio-ac h2 { font-size: 2.2em; margin: 10px 0 20px 0; font-weight: bold; color: #222 }
	.mio-about .mio-ac h1 { font-size: 1.2em; letter-spacing: 2px; display: inline-block; padding: 10px 15px; background-color:#c3002f; color: #fff }
	.mio-about .mio-ac { padding: 50px; width: 520px; margin: 0 auto }
	
	
	
	
	
	/*内页 PBANNER*/
	.mio-pbanner { height: 500px; background-color: #666; background-repeat: no-repeat; background-position: center center; background-size: cover }
	.mio-pbanner .mio-ptxt { padding: 180px 0 0 150px; }
	.mio-pbanner .mio-ptxt h3 { background: rgba(0,0,0,.55); width: 200px; height: 50px; color: #fff; text-align: center; line-height: 50px; text-transform: capitalize }
	.mio-pbanner .mio-ptxt h1,
	.mio-pbanner .mio-ptxt h2 { display:inline-block; padding: 0 50px; height: 80px; line-height: 80px; text-align: center; background: rgba(195,0,47,.9); margin-left: 40px; font-size: 2.5em; color: #fff; font-weight: bold }
	
	
	.mio-plist2 .mio-txt { padding-top: 15px; }
	.mio-plist2 a h2 { font-size: 2em; }
	.mio-plist2 a .mio-intro { -webkit-line-clamp: 5; line-clamp: 5; height: 120px; margin: 20px 0 25px 0; }
	
	
	.zoomIcon { width:33px; height:33px; position:absolute; top:1px; right:1px; background:url(/images/icon.png);}
	.zoom { display:inline-block; position:relative;}
	.zoom img {	display: block; }
	.zoom img::selection { background-color: transparent; }
	
	
	/*KMC2*/
	.mio-kmc2 li { width: 50%; float: left; height: 320px; overflow:hidden; }
	.mio-kmc2 li .mio-img { width: 50%; float: left; height: 320px; overflow: hidden }
	.mio-kmc2 li .mio-txt { width: 50%; float: left; height: 320px; padding: 60px 45px }
	.mio-kmc2 li:nth-child(3) .mio-img,
	.mio-kmc2 li:nth-child(4) .mio-img { float: right; border-right: 0; }
	.mio-kmc2 li:nth-child(3),
	.mio-kmc2 li:nth-child(4) { background-color: #4b4d52; }
	.mio-kmc2 li:nth-child(4) .mio-txt { padding: 40px; }
	

	/*KMC3*/
	.mio-kmc3 li { width: 50%; float: left; }
	.mio-kmc3 li:nth-child(1) .mio-txt,
	.mio-kmc3 li:nth-child(2) .mio-txt { padding: 40px; }
	.mio-kmc3 li:nth-child(3) .mio-img { width: 50%; float: left; }	
	.mio-kmc3 li:nth-child(3) .mio-txt { width: 50%; float: left; padding: 35px; }
	.mio-kmc3 li:nth-child(4) .mio-img { width: 50%; float: left; }	
	.mio-kmc3 li:nth-child(4) .mio-txt { width: 50%; float: left; padding: 35px; }
	.mio-kmc3 li:nth-child(3) img,
	.mio-kmc3 li:nth-child(4) img { height: 300px; }
	.mio-kmc3 li:nth-child(5) .mio-img { width: 50%; float: right; }	
	.mio-kmc3 li:nth-child(5) .mio-txt { width: 50%; float: left; padding: 70px 35px; }
	.mio-kmc3 li:nth-child(6) .mio-img { width: 50%; float: right; }	
	.mio-kmc3 li:nth-child(6) .mio-txt { width: 50%; float: left; padding: 70px 35px; }
	.mio-kmc3 li:nth-child(7) { width: 100%; }
	.mio-kmc3 li:nth-child(7) .mio-img { width: 30%; float: left; }	
	.mio-kmc3 li:nth-child(7) .mio-txt { width: 70%; float: left; padding: 70px; }
	.mio-kmc3 li:nth-child(2),
	.mio-kmc3 li:nth-child(3),
	.mio-kmc3 li:nth-child(6) { background-color: #4b4d52; }
	
	
	

	/*DMC*/
	.mio-dmc li { height:364px; }
	.mio-dmc li .mio-txt { width: 50%; float: left; padding: 70px 55px; font-size: 1.15em; }
	.mio-dmc li .mio-img { width: 50%; float: left }
	.mio-dmc li:nth-child(2) { background-color: #32353a }
	.mio-dmc li:nth-child(2) .mio-img { float: right }
	.mio-ca-dmc { border-top: #eee 1px solid }
	.mio-ca-dmc li { width: 25%; float: left; border-right: #eee 1px solid }
	.mio-ca-dmc li:nth-last-child(1) { border-right: 0; }

	/*BM*/
	.mio-bm li .mio-txt p { text-indent: 2em; margin-bottom: 20px }
	.mio-bm li .mio-txt { font-size: 1.15em }
	.mio-bm li:nth-child(1) { height: 430px; overflow: hidden; border-bottom: #eee 1px solid }
	.mio-bm li:nth-child(1) .mio-img { width: 60%; float: left; border-right: #eee 1px solid }
	.mio-bm li:nth-child(1) .mio-txt { width: 40%; float: left; padding: 35px; }
	
	.mio-bmtd { background-color: #fff; padding: 50px; font-size: 1.15em }
	.mio-bmtd .mio-cnc-text-list img { width: 220px; margin-top: 5px; }
	.mio-bmtd .mio-cnc-text-list li { border-bottom: #ddd 1px dashed }
	
	.mio-cnc-youshi-bm { border-left: #e3e3e3 1px solid; border-bottom: #e3e3e3 1px solid; font-size:1.15em }
	.mio-cnc-youshi-bm li { width: 33.33%; border-right: #e3e3e3 1px solid; border-top: #e3e3e3 1px solid; float: left; height: 180px; padding: 30px; background-color: #fff; }
	.mio-cnc-youshi-bm li:nth-child(1),
	.mio-cnc-youshi-bm li:nth-child(2),
	.mio-cnc-youshi-bm li:nth-child(3) { height: 310px; }
	
	
	/*KM*/
	.mio-kmzs strong { color: #fc0 }
	.mio-kmzs li { background-color: #292c30; color: #eee; font-size: 1.15em; }
	.mio-kmzs li .mio-img { width: 50%; float: left; }
	.mio-kmzs li .mio-txt { width: 50%; float: left; padding: 45px 50px; }
	.mio-kmzs li:nth-child(2) .mio-img { float: right }
	.mio-kmzs li:nth-child(2) .mio-txt,
	.mio-kmzs li:nth-child(3) .mio-txt { padding-top: 100px; }
	
	.mio-kmtd { background-color: #e3e3e3; font-size: 1.15em }
	.mio-kmtd .mio-fl { width: 50%; float: left; padding: 50px 25px 30px 50px; }
	.mio-kmtd .mio-fr { width: 50%; float: left; padding: 50px 50px 30px 25px; }
	
	.mio-cnc-video { padding-bottom: 20px; }
	
	.mio-cnc-table { font-size: 1.15em }
	
	.mio-language { width: 120px; height: 40px; background-color: #fff; position: fixed; top: 2px; right: 2px; z-index: 101; border: rgba(0,0,0,.5) 1px solid; overflow: hidden }
	.mio-language a { display: block; height: 40px; line-height: 24px; padding: 8px 10px; }
	.mio-language a img { width: 35px; height: 22px; float: left; margin-right: 10px; border: #fff 1px solid }
	.mio-language a:hover { background-color: #c3002f; color: #fff; }
	.mio-language:hover { height: auto; }
	.mio-language a.st { font-weight: bold }
	
}


@media (min-width:1680px) {
	.container { width: 1260px; }

	.mio-dmc li { height:461px; }
	.mio-dmc li .mio-txt { padding: 90px 100px; }
	
	.mio-kmc2 li { height: 410px; }
	.mio-kmc2 li .mio-img { height: 410px; }
	.mio-kmc2 li .mio-txt { height: 410px; font-size: 1.2em; line-height: 1.8em }
	
	.mio-kmc3 li .mio-txt { font-size: 1.2em; line-height: 1.8em }
	
	
	
	
	.mio-pro-cnc .mio-txt { padding: 60px; }
	.mio-pro-cnc .mio-txt h2 { font-size: 2.2em }
	
	.mio-alist .mio-txt { padding: 50px; }
	
	.mio-plist .mio-txt { padding: 25px 15px 15px 0; }
	
	.mio-calist a .mio-img { height: 237px; }
	
	.mio-bm li .mio-txt { padding: 50px 50px 30px 50px; }
	.mio-bm li:nth-child(1) { height: 520px; }
	.mio-bm li:nth-child(1) .mio-txt { padding: 80px; }
	
	.mio-cnc-youshi-bm li { height: 160px; }
	.mio-cnc-youshi-bm li:nth-child(1),
	.mio-cnc-youshi-bm li:nth-child(2),
	.mio-cnc-youshi-bm li:nth-child(3) { height: 230px; }
	
	
	.mio-kmzs li .mio-txt { padding: 100px; }
	.mio-kmzs li:nth-child(2) .mio-txt,
	.mio-kmzs li:nth-child(3) .mio-txt { padding-top: 160px; }
	
	h1.mio-h1tag { background-color: #c3002f; color: #fff; padding: 15px 30px; display: inline-block; font-size: 2.5em; line-height: 1em; letter-spacing: 2px; font-weight: bold }

}


@media (min-width:320px) and (max-width:640px) {
	html,
	body { height: 100% }
	img { width: 100%; display: block; }
	.mio-navm,
	.mio-close { display: block; height: 60px; line-height: 60px; font-size: 1.2em; color: #fff; background-color: #c3002f; width: 100px; text-align: center; position: fixed; top: 0; right: 0; z-index: 101; }
	.mio-navm span,
	.mio-close span { font-size: 1em; margin-right: 8px }
	.mio-close { display: none; background-color: #f70; }
	.mio-fbar { display: none }
	
	.mio-header { width: 100%; height: 60px; }

	.mio-header .mio-nav { width: 100%; height: 100%; overflow-y:scroll; position: fixed; top: 60px; right: 0; z-index: 999; background-color: rgba(20,21,23,.98); padding: 20px 20px 80px 20px; border-top: #f70 5px solid; display: none  }
	.mio-header .mio-nav ul { }
	.mio-header .mio-nav li { margin-bottom: 5px; }
	.mio-header .mio-nav li a.mio-a1 { background-color: #42474c; color: #fff; height: 40px; line-height: 40px; padding: 0 25px; display: block; font-size: 1.2em; letter-spacing: 1px; }
	.mio-header .mio-nav li a.mio-a1 span { display: block; float: right; font-size: 1em; }
	.mio-header .mio-nav li.hover a.mio-a1 { background-color: #c3002f; }	
	
	.mio-header .mio-nav li .mio-snav { background-color: #70787f; padding: 8px 8px 0 8px; display: none }
	.mio-header .mio-nav li .mio-snav ul { }
	.mio-header .mio-nav li .mio-snav li { margin-bottom: 8px; width: 49%; float: left }
	.mio-header .mio-nav li .mio-snav li:nth-child(even) { margin-left: 2%; }
	.mio-header .mio-nav li .mio-snav a.mio-a { display: block; color: #fff; background: rgba(0,0,0,.4); padding: 0 15px; line-height: 30px; font-size: 1em; }
	.mio-header .mio-nav li .mio-snav a.mio-a span { float: right; font-size: 0.9em }
	
	.mio-header .mio-nav li .mio-snav .mio-sunav { display: none }
	.mio-header .mio-nav li .mio-snav .mio-sunav ul { padding: 0 0 5px 0 }
	.mio-header .mio-nav li .mio-snav .mio-sunav li { }
	.mio-header .mio-nav li .mio-snav .mio-sunav li:nth-last-child(1) { border: 0 }
	.mio-header .mio-nav li .mio-snav .mio-sunav a { display: block; display: block; color: #aaa; padding: 0 15px; line-height: 30px; font-size: 1.1em; }
	.mio-header .mio-nav li .mio-snav .mio-sunav a span { font-size: 0.85em; margin-right: 10px; }
	
	.mio-header .mio-nav .mio-close { height: 70px;  }
	.mio-header .mio-nav .mio-close span { width: 50px; height: 50px; float: right; color: #fff; cursor: pointer; text-align: center; line-height: 50px; display: block; font-size: 2em; background-color:#c3002f }
	
	.mio-footer .mio-ewm { margin: 30px auto; }
	
	.mio-copyright { text-align: center; padding-bottom: 0; }
	.mio-copyright em { display: block }
	
	a.mio-atel { width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; position: fixed; left: 15px; bottom: 65px; z-index: 100; background-color: #c3002f; color: #fff; display: none }
	a.mio-atel span { font-size: 1.6em; }
	a.mio-atel strong { display: none }
	
	.mio-fa { width: 100%; text-align: center; padding-bottom: 90px; background-color: #232629; }
	.mio-fa a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; background-color: #46494e; color: #fff; margin: 0 5px; }
	.mio-fa a span { font-size: 1.6em }
	.mio-fa a:nth-child(even) { background-color: #3d4044; }
	
	.mio-mobile-fbar { width: 100%; height: 50px; position: fixed; left: 0; bottom: 0; z-index: 1000; display: block }
	.mio-mobile-fbar a { display: block; width: 50%; float: left; height: 50px; line-height: 50px; background-color: #f30; color: #fff; font-size: 1.2em; text-align: center; letter-spacing: 1px; }
	.mio-mobile-fbar a:nth-child(2) { background-color: #f60;}
	.mio-mobile-fbar a span { font-size: 1.1em; margin-right: 8px; }
	
	ul.mio-ftags li { width: 49% }
	ul.mio-ftags li:nth-child(even) { margin-left: 2%; }
	
	
	div.mio-vmore { margin: 15px auto }
	.mio-avmore a {  margin: 15px auto }

	
	.mio-banner { height: 460px; background-color:#aaa; }
	.mio-banner .swiper-pagination {}
	.mio-banner .swiper-pagination-bullet { width: 30px; }
	
	.mio-banner .mio-sld { padding-top: 170px }
	.mio-banner .mio-sld h3 { width: 190px; height: 34px; line-height: 34px; padding: 0; }
	.mio-banner .mio-sld .mio-txt { width: auto; margin-left: 0; padding: 15px; font-size: 1em }
	
	.mio-banner .swiper-slide1 { background-image: url(/upfile/banner/wap/7.JPG) }
	.mio-banner .swiper-slide2 { background-image: url(/upfile/banner/wap/3.JPG) }
	.mio-banner .swiper-slide3 { background-image: url(/upfile/banner/wap/4.JPG) }
	.mio-banner .swiper-slide4 { background-image: url(/upfile/banner/wap/5.JPG) }
	.mio-banner .swiper-slide5 { background-image: url(/upfile/banner/wap/6.JPG) }
	.mio-banner .swiper-slide6 { background-image: url(/upfile/banner/wap/1.JPG) }
		
	
	
	.mio-section .mio-t .mio-line { margin: 15px auto }

	
	/* 首页 国标联轴器 */
	ul.mio-guobiao li { width: 50%; }
	ul.mio-guobiao li:nth-child(2) a,
	ul.mio-guobiao li:nth-child(3) a,
	ul.mio-guobiao li:nth-child(6) a,
	ul.mio-guobiao li:nth-child(7) a,
	ul.mio-guobiao li:nth-child(10) a { background-color: rgba(0,0,0,.4); }
	
	
	/* 首页 联轴器 6大类 */
	.mio-coupling-pro a { margin-bottom: 15px; }
	.mio-coupling-pro .mio-txt { padding: 25px 25px 10px 25px; }
	.mio-coupling-pro h3 { text-align: center }

	
	/*首页 案例展示*/
	.picMarquee-left .hd { display: none }
	.picMarquee-left .bd ul li { width: 49%; float: left; margin-bottom: 2% }
	.picMarquee-left .bd ul li:nth-child(even) { margin-left: 2% }
	.picMarquee-left .bd ul li a { display: block; color: #fff; background-color: rgba(0,0,0,.3); padding: 5px; }
	.picMarquee-left .bd ul li .mio-img { height: 120px; overflow: hidden; }
	.picMarquee-left .bd ul li .mio-img img { width: 100%; min-height: 100% }
	.picMarquee-left .bd ul li h3 { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; padding: 10px 10px 5px 10px; font-size: 1em; text-align: center }
	
	/*首页 数控机床*/
	.mio-cnc .mio-section-container { padding-bottom: 0 }
	.mio-cnc-list a { margin-bottom: 15px; }

	/*首页 新闻动态*/
	.mio-news .mio-inews { margin-bottom: 15px; }
	.mio-news .mio-nc { border: 0; padding: 0; border-top: #ddd 1px solid; padding-top: 15px; }
	.mio-news .mio-inews .mio-img { height: 170px; }
	.mio-news .mio-tnews { padding-bottom: 15px; margin-bottom: 15px; }

	/*首页 公司简介*/
	.mio-about { }
	.mio-about .mio-intro { margin: 20px 0; text-indent: 2em }
	.mio-about .mio-intro p:nth-child(2) { display: none }
	.mio-about .mio-ac h3 { font-size: 1.5em; text-align: center }
	.mio-about .mio-ac h2 { font-size: 1.6em; margin: 10px 0; font-weight: bold; color: #222; text-align: center }
	.mio-about .mio-ac h1 { font-size: 1.1em; display: block; padding: 10px; background-color:#c3002f; color: #fff; text-align: center }
	.mio-about .mio-ac { padding: 25px; }
	
	
	
	/*内页 PBANNER*/
	.mio-pbanner { background-color: #666; background-repeat: no-repeat; background-position: center center; background-size: cover; }
	.mio-pbanner .mio-ptxt { padding: 240px 20px 0 20px; }
	.mio-pbanner .mio-ptxt h3 { display: none }
	.mio-pbanner .mio-ptxt h1,
	.mio-pbanner .mio-ptxt h2 { display:inline-block; padding: 15px 40px; margin-left:-20px; background: rgba(195,0,47,.9); font-size: 1.8em; color: #fff; font-weight: bold }
	
	
	.mio-section-inner-container { padding: 20px 0; }
	
	
	
	/*内页 文章列表*/
	.mio-alist {}
	.mio-alist li a { padding: 15px; margin-bottom: 15px; }
	.mio-alist li h2 { font-size: 1.5em; }
	.mio-alist li .mio-pdate { margin-top: 15px; }
	.mio-alist li .mio-intro { }
	
	
	/* 下载 */
	.mio-dlist {}
	.mio-dlist li { height: 60px; line-height: 60px; font-size: 1.1em }
	.mio-dlist .mio-dico { width: 80px; height: 60px; }
	.mio-dlist .mio-ico { width: 40px; height: 60px; }
	.mio-dlist h3 { font-size: 1em; line-height: 60px; }


	/*服务领域*/
	.mio-slist a { margin-bottom: 15px; padding: 15px; }
	.mio-slist h3 { padding-top: 15px; }



	.mio-page-wrapper { padding: 20px; }
	h1.mio-h1t { font-size: 1.6em; line-height: 1.5em; }
	div.mio-pline { margin: 15px 0; height: 3px; }
	
	
	/*内页 数控机床*/
	.mio-pro-cnc a { padding: 15px; margin-bottom: 15px; }
	.mio-pro-cnc .mio-txt h2 { font-size: 1.5em; text-align: center }
	.mio-pro-cnc .mio-txt h3 { line-height: 1.1em; line-height: 1.6em; }
	.mio-pro-cnc .mio-txt { padding: 15px 0 0 0 }
	.mio-pro-cnc .mio-txt .mio-intro { margin-top: 10px; }
	

	/*内页 数控机床 选型参数*/
	.mio-cnc-table table { }
	
	/*DMC*/
	.mio-cnc-a46 .mio-txt { padding: 25px; }

	/*内页 联轴器 ALL*/
	.mio-pro-all a { border: #fff 2px solid; padding: 15px; margin-bottom: 15px; }
	.mio-pro-all a:hover { border: #c3002f 2px solid }
	.mio-pro-all .mio-txt { padding: 25px 0 0 0; }
	.mio-pro-all .mio-txt h2 { font-size: 1.6em; text-align: center }


	/*联轴器列表*/
	.mio-plist a { margin-bottom: 15px; }
	.mio-plist a h2 { text-align: center }
	.mio-plist a .mio-smore { display: none }
	.mio-plist a .mio-txt { padding: 15px 0 0 0; }
	.mio-plist a .mio-intro { display: none }

	
	.mio-adingz { letter-spacing: 0; }
	.mio-adingz .mio-adz { padding: 30px; font-size: 1.2em; text-align: left }
	.mio-adingz .mio-adz strong { font-size: 1.2em; }
	.mio-adingz .mio-adz b { font-size: 1.4em; }
	.mio-adingz .mio-adz .p2 { margin: 15px 0 }
	
	.mio-related-pro-a { display: none }

	.mio-pro-single-page h2 { font-size: 1.2em; margin-bottom: 20px; }
	
	.mio-cnc-article { font-size: 1.2em; }
	.mio-cnc-article p { margin: 20px 0; }
	.mio-cnc-article img { display: block; margin: 20px auto; }
	.mio-cnc-article a { color: #333; }
	
	.mio-main { padding-top: 15px; padding-bottom: 15px; }

	.mio-main-contact { padding: 25px 0; background-color: #fff; margin-top: -15px; }
	.mio-main-contact .mio-a27 h2 { font-size: 1.5em; }
	.mio-main-contact .mio-a27 img { height: auto; }
	
	.mio-page-wrapper { padding: 25px; }
	.mio-page-wrapper .mio-h1t { font-size: 1.8em; }
	.mio-page-wrapper .mio-pline { margin: 20px 0; }
	
	
	.mio-video-list a { margin-bottom: 15px; }

	
	ul.mio-cnc-tab { box-shadow: 0 0 15px rgba(0,0,0,.3); display: block }
	ul.mio-cnc-tab li { margin-bottom: 1px; }
	ul.mio-cnc-tab li h3 { height: 50px; line-height: 50px; padding: 0 20px; background-color:#555; background-image: linear-gradient(to bottom right, #777, #555); color: #fff; font-size: 1.2em }
	ul.mio-cnc-tab li h3 span { float: right; font-size: 1.2em }
	ul.mio-cnc-tab li h3.hover { background-color:#f90; background-image: linear-gradient(to bottom right, #988c61, #837852); }
	ul.mio-cnc-tab li .mio-txt { padding: 0; background-color:#eee; }
	ul.mio-cnc-tab li .mio-txt p { margin: 0; padding: 5px 10px; }
	ul.mio-cnc-tab li .mio-txt p:nth-child(odd) { background-color:#ddd }
	ul.mio-cnc-tab li .mio-txt p em { display: inline-block; min-width:130px }
	ul.mio-cnc-tab li:nth-child(2) .mio-txt,
	ul.mio-cnc-tab li:nth-child(3) .mio-txt,
	ul.mio-cnc-tab li:nth-child(4) .mio-txt,
	ul.mio-cnc-tab li:nth-child(5) .mio-txt,
	ul.mio-cnc-tab li:nth-child(6) .mio-txt,
	ul.mio-cnc-tab li:nth-child(7) .mio-txt { display: none }
	
	ul.mio-cnc-tab li h3.hover span { transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg); }
	
	
	
	.mio-ihome-pro h3 { text-align:center }
	.mio-ihome-pro .mio-txt { padding: 25px 25px 15px 25px; }
	.mio-ihome-pro .mio-txt h3 { font-size: 1.6em }
	
	.mio-cnc-ca li { width: 50%; }
	
	.mio-cnc-youshi-bm { border-left: #e3e3e3 1px solid; border-bottom: #e3e3e3 1px solid; font-size:1.15em }
	.mio-cnc-youshi-bm li { border-right: #e3e3e3 1px solid; border-top: #e3e3e3 1px solid; padding: 30px; background-color: #fff; }
	
	.mio-bm { background-color: #292c30 }
	.mio-bm img { margin: 0; }
	.mio-bm .mio-txt { padding: 0 20px; }
	
	.mio-bmtd { background-color: #fff; padding: 20px; }
	.mio-bmtd img { width: 100%; }
	.mio-bmtd li { border-bottom: #ddd 1px dashed; }
	
	
	.mio-kmzs { background-color: #292c30; color: #eee; font-size: 1.15em }
	.mio-kmzs img { margin: 0; }
	.mio-kmzs .mio-txt { padding: 25px; }
	.mio-kmzs strong { color: #fc0; }
	.mio-kmzs p { text-indent: 2em }
	
	.mio-kmtd { background-color: #fff; padding: 20px; font-size: 1.15em }
	.mio-kmtd li { border-bottom: #ddd 1px dashed; padding-bottom: 10px }
	
	
	.mio-dmc img { margin: 0; }
	.mio-dmc .mio-txt { padding: 25px; }
	.mio-dmc h3 { line-height: 1.1em; }
	
	
	.mio-ca-dmc img,
	.mio-ca-dmc p { margin: 0; }
	.mio-ca-dmc { border-top: #eee 1px solid }
	.mio-ca-dmc li { width: 50%; float: left; border-right: #eee 1px solid; border-top: #eee 1px solid }
	
	.mio-language { margin-top: 20px; }
	.mio-language a { display: block; float: left; width: 50%; color: #fff; font-size: 1.2em }
	.mio-language a img { width: 35px; height: 22px; float: left; margin-right: 10px; border: #fff 1px solid }
	.mio-language a.st { font-weight: bold }
	
	.mio-ilist-home div:nth-child(n + 11) { display:none }
}

.mio-gongyingshang .mio-prodesc .row { margin-top: 20px; margin-bottom: 20px; }

.mio-wlist { margin-top: 30px; }
.mio-wlist .col-md-4 { margin-bottom: 5px; }
.mio-wlist span { float:right; color: #999; }

.txtScroll-top{ height: 60px; overflow: hidden }
.txtScroll-top .hd{ display: none }
.txtScroll-top .bd{ }
.txtScroll-top .infoList li{ height:30px; line-height:30px; }
.txtScroll-top .infoList li .date{ float:right; color:#999;  }
.txtScroll-top .infoList li a { color: #999 }

table.mio-cstab { width: 100%; border-collapse: collapse; border-spacing: 0; background-color: #e9e5df; font-size: .8em; border-bottom: #2d394b 3px solid; margin: 20px auto; }
table.mio-cstab th { padding: 5px; text-align: center; border-right: #fff 1px solid; border-bottom: #fff 1px solid; background-color: #2d394b; color: #fff }
table.mio-cstab td { padding: 5px; text-align: center; border-right: #fff 1px solid; border-bottom: #fff 1px solid; }
table.mio-cstab .mio-even { background-color: #dee1e5 }
table.mio-cstab .mio-tl { padding: 5px; text-align: center; border-right: #fff 1px solid; border-bottom: #fff 1px solid; background-color: #2d394b; color: #fff }
table.mio-cstab1 tr:nth-child(odd) { background-color: #dee1e5 }

.mio-rlist-show div:nth-child(n + 25) { display: none }
.mio-rlist { text-transform: uppercase }

.mio-related-pro { margin-top: 30px; }
.mio-related-pro h2 { font-weight: bold; margin-bottom: 30px; color: #111; border-left: #111 3px solid; padding-left: 10px; }